<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <style>
          
		  div{
			  box-sizing: border-box;
		  }
		  .container{
			  width: 600px;
			  height: 500px;
			  border:solid 1px #000000;
			  display: flex;   	/* 让容器变成伸缩盒子 */
			  align-items:flex-start;
			  justify-content: flex-start;
			  /* justify-content: flexS-end; */
			  /* justify-content: space-between; */
			  /* justify-content: space-around; */
			  
			  
			  /* flex-direction:row-reverse; */
			  flex-direction:column-reverse;
			 
			 
			  flex-wrap:nowrap; /* 不换行
			  /* flex-wrap: wrap; */
		  }
		  		  
		  .container .item{
			 
			  border:  solid  1px grey;
			  
		  }
			
        </style>
    </head>
    <body>

		<div class="container" >
			
			<div class="item" style="width:150px;height: 90px;" >
				111111111
			</div>
			<div class="item" style="width:150px;height: 120px;" >
				2
			</div>
			
			<div class="item" style="width:150px;height: 110px;" >
				3
			</div>
			
			<div class="item" style="width:150px;height: 80px;" >
				4
			</div>
			
			<div class="item" style="width:150px;height: 70px;" >
				5
			</div>
		</div>
				
				
				
				
				
				

    </body>
</html>